<script setup lang="ts">
import UvLine from '@/uv-ui/components/nv-line/uv-line.vue'

function handleClickLeft() {
  uni.navigateBack()
}

function toMoreSetting() {
  uni.navigateTo({
    url: '/pages/payment/moreSetting',
  })
}
</script>

<template>
  <view class="h-full flex flex-col overflow-hidden bg-white">
    <wd-navbar
      title="结账方式设置"
      :bordered="false"
      left-text="返回"
      left-arrow
      @click-left="handleClickLeft"
    >
      <template #right>
        <wd-button type="text">删除</wd-button>
      </template>
    </wd-navbar>
    <scroll-view scroll-y class="box-border flex-1 overflow-hidden" :show-scrollbar="false">
      <wd-cell-group border>
        <wd-cell title="人民币">
          <wd-switch size="20px" />
        </wd-cell>
        <view class="px-[15px]">
          <uv-line />
          <wd-button plain type="primary" :round="false" class="mt-4 w-full" @click="toMoreSetting">
            更多设置
          </wd-button>
        </view>
      </wd-cell-group>
    </scroll-view>
  </view>
</template>

<style scoped lang="scss"></style>
